body{font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;color:#333;font-size:16px;}

body,div,ul ,li,ol{
    margin: 0;
    padding: 0;
}
#hd{ background-color: #eee;}
#hd::after{
    content:'.';height:0;visibility:hidden;display:block;overflow:hidden;clear:both;
}

nav li{ float: left; display: block; width: 80px;  text-align: center; border-right: 1px solid #fff;line-height: 2em; position: relative;}

#hd .submenu{ position: absolute; display: none; border:1px solid #eee; right: -2px; width: 200px; }
ol li{ border:0px solid #eee; padding: 10px;}


#hd li:hover .submenu{

 display: block;
 background-color: #eee;
 border: 0px;
}

#hd a{ color:#0c3d5f;display:inline-block;text-decoration:none;}
#bd{ margin:0 auto; max-width: 1200px;}

#ten{
    width: 100%;
    height:100%;
    border:1px solid #eee;
    padding:5px;
    line-height: 2em;
    word-wrap: break-word;
    
}


#clock{

    margin-top: 20px;
    width: 300px;
    height: 300px;
    position: relative;    
	border-radius: 100%;    
	box-shadow: 2px 10px 10px 10px rgba(0, 0, 0, 0.3),    
		inset 2px 20px 10px 10px rgba(0, 0, 0, 0.3);  
}

#hour,#minute,#second{ position:absolute;  width: 2px; background-color: #000; transform-origin: bottom center; }
#hour{height: 70px;}
#minute{height: 90px;}
#second{height: 100px;}